<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>selectEdition2</title>
	
	<style>
		body {
		  padding-top: 3.5rem;
		  width: 100%;
		  height:100%;  background:url("image/back5.jpeg") no-repeat;
		  background-size: 100%;
		}
		img {
			max-width:100%;
			height: auto;
		}
		p {
			color:white;
		}
	</style>
	
    <!-- Bootstrap core CSS -->
    <link href="styles/bootstrap.min.css" rel="stylesheet">
  </head>

  <body>

    <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
      <div class="collapse navbar-collapse" id="navbarsExampleDefault">
        <ul class="navbar-nav mr-auto">
		  <ol class="breadcrumb">
			<li class="breadcrumb-item"><a href="selectDept.html">电子支付:选择机构</a></li>
			<li class="breadcrumb-item active" aria-current="page">选择接口版本</li>
		  </ol>
        </ul>
      </div>
    </nav>

    <main role="main" style="margin-top:15%">
      <div class="container" style="text-align:center">
		<div class="clearfix">
          <div class="col-md-4 float-left mt-5" data-toggle="tooltip" data-placement="top" title="一代接口">
			<a onclick="javascript:selectBank(1);return false;" href="#" style="text-decoration:none;">
			  <img src="image/magic2.gif" class="rounded-circle">
			  <hr>
			  <h3 style="color:white;">一代接口</h3>
			</a>
          </div>
		  <div class="col-md-4 float-left">
            <h3 style="color:white;">THERE ARE TWO VERSIONS OF THE INTERFACE,THE ONE ON THE LEFT BELONGS TO OLD EPAY,THE OTHER BELONGS TO NEW EPAY.AND NOW MAKE YOUR CHOICE!</h3>
          </div>
          <div class="col-md-4 float-right mt-5"  data-toggle="tooltip" data-placement="top" title="二代接口">
			<a onclick="javascript:selectBank(2);return false;" href="#" style="text-decoration:none;">
			  <img src="image/magic.gif" class="rounded-circle">
			  <hr>
			  <h3 style="color:white;">二代接口</h3>
			</a>
          </div>
		</div>
        <hr>
      </div> <!-- /container -->
    </main>

    <footer class="container">
      <p style="margin-top:25%">&copy; Company 电子支付</p>
    </footer>

    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script type="text/javascript" src="js/jquery-slim.min.js"></script>
    <script type="text/javascript" src="js/popper.min.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/login.js"></script>
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/cookie_util.js"></script>
    <script type="text/javascript" src="js/json2.js"></script>
    <script type="text/javascript" src="js/layer/layer.js"></script>
    <script type="text/javascript">
    
    	function selectBank(version){
    		var data = {"departmentId":localStorage.getItem("departmentId")};
    		var url = "selectBank.do";
    		$.post(
    			url,
    			data,
    			function(result){
    				if(result.state == 0){
    					var bankList = result.data;
    					localStorage.setItem("bankList", JSON.stringify(bankList));
    					localStorage.setItem("version", version);
    					location.href="selectBank.html";
    				}else{
    					alertErr(result.message);
    				}
    			}
    		);
    	}
    	
    </script>
  </body>
</html>
